<div>
    <button type="button" class="btn btn-info"
   [title]="memberNameList"
    [popover]="memberNameListTemplate"
    popoverTitle="学员列表"
    triggers=""
    (click)="isOpen = !isOpen"
    placement="right"
    container="body"
    [isOpen]="isOpen"
    (onShown)="onShown()"
    >{{ classEntity.name }}</button>
    
    <div class="class_content">
        <div class="input" *ngFor="let member of memberList">
            <div *ngIf="member.id; then thenBlock else elseBlock"></div>
                <ng-template #thenBlock>
                    <input type="checkbox" checked disabled>
                </ng-template>
                <ng-template #elseBlock>
                    <input type="checkbox" disabled>                
                </ng-template>
        </div>
    </div>
    <ng-template #memberNameListTemplate>
        <div >
                <table class="pop_table" >
                        <thead>
                            <tr>
                                <th>ID</th>
                                <th>姓名</th>
                                <th>电话</th>
                                <th>会籍</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr *ngFor="let item of members">
                                <td>{{ item.id }}</td>
                                <td>{{ item.name }}</td>
                                <td>{{ item.phone }}</td>
                                <td>{{ item.saler }}</td>
                            </tr>
                        </tbody>
        
                </table>
        </div>
        
    </ng-template>
</div>